@charset "utf-8";
@import url("/css/reset.css");
/*--京base.css--*/

/*スクロールバーが二重に出る暫定対策*/
html{
	overflow-x:visible;
}

/*PC表示ここから*/

/*PC版ではborder-boxではcontent-boxへ*/
* {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
*:before,
*:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

body{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	color: #222;
	/*↓暫定ipad対策*/
	overflow-x: auto;
	min-width: 1200px;
}
.container{
	width:100%;
	padding:0;
}

	/*#########header###########*/
	
	#header {
		padding: 22px 0 0 0;
		margin: 0 0 20px 0;
	}

		#header_inner {
			width: 930px;
			overflow: hidden;
			margin: 0 auto;
			font-size: 14px;
		}
			#header_r {
				width: 100px;
				height:auto;
				float: right;
			}
				.lang_changer {}
					.lang_changer a {
						margin: 13px 0 0 0;
						width: 90px;
						height: 38px;
						display: block;
						color: #f8339c;
						background: #fff;
						border: 1px solid #f8339c;
						text-align: center;
						line-height: 40px;
						text-decoration: none;
						font-family: "Century Gothic";
						-webkit-transition: background .5s ease;
						-moz-transition: background .5s ease;
						transition: background .5s ease;
					}
					.lang_changer a:hover {
						background: #f8339c;
						color: #fff;
					}
			#header_l {
				width: 710px;
				height: auto;
				float: left;
			}
				#ku_logo {
					float: left;
					margin-right: 20px;
				}
					#ku_logo a {
						display: block;
						-webkit-transition: all .5s ease;
						-moz-transition: all .5s ease;
						transition: all .5s ease;
					}
					#ku_logo a:hover {
						opacity: 0.7;
					}
				#site_ttl {
					padding: 2px 0 0 0;
					height: 58px;
					float: left;
				}
					#site_ttl h1 {
						margin: 0;
					}
					#site_ttl h1 a {
						display: block;
						-webkit-transition: all .5s ease;
						-moz-transition: all .5s ease;
						transition: all .5s ease;
					}
					#site_ttl h1 a:hover {
						opacity: 0.7;
					}
						#site_ttl h1 span {
							display: inline-block;
							vertical-align: bottom;
						}
						#site_ttl h1 span.ttl_main {
							margin-right: 20px;
						}

	/* ######### g_nav ########### */
	#g_nav {
		height: 40px;
		background: #5f5f5f;
	}
		#g_nav ul {
			text-align: center;
			font-size: 0;
		}
			#g_nav ul li {
				display: inline-block;
			}
			#g_nav ul li a {
				display: block;
				min-width: 60px;
				height: 40px;
				line-height: 40px;
				padding: 0 25px;
				-webkit-transition: background .5s ease;
				-moz-transition: background .5s ease;
				transition: background .5s ease;
			}
			#g_nav ul li.active {
				text-align: center;
				background-color: #4a4a4a;
				background-image: -webkit-radial-gradient(50% 50%, circle cover, #000, #4a4a4a);
				background-image: -moz-radial-gradient(50% 50%, circle cover, #000, #4a4a4a);
				background-image: -o-radial-gradient(50% 50%, circle cover, #000, #4a4a4a);
				background-image: -ms-radial-gradient(50% 50%, circle cover, #000, #4a4a4a);
				background-image: radial-gradient(50% 50%, circle cover, #000, #4a4a4a);
			}
			#g_nav ul li a:hover ,
			#g_nav ul li.active a:hover {
				background: #4a4a4a;
				-webkit-transition: background .5s ease;
				-moz-transition: background .5s ease;
				transition: background .5s ease;
			}

	/* ######### main_box ########### */
	#main_box {
		clear: both;
		margin: 0;
		overflow: hidden;
		padding-bottom: 115px;
	}
	
		#main_box_inner {
			width: 960px;
			margin: 0 auto;
			padding: 0;
		}
			#column_main {}
			
	/* ######### sidebar ########### */
	#sidebar {
		width: 210px;
		margin: 0;
		padding: 10px 0 0;
		overflow: hidden;
		float: right;
		border-top: 5px solid #19a0b4;
	}
		/* ---- archive_box ---- */
		.archive_box {
			margin-bottom: 35px;
		}
			.archive_box .box_header {
				background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/side_nav_icn.png) 10px 4px no-repeat;
				padding-left: 35px;
				font-weight: bold;
				line-height: 30px;
				height: 35px;
			}
			.archive_box .box_inner {}
				.archive_box > .box_inner > ul > li > a {
					display: block;
					padding: 10px 15px;
					border-bottom: 2px solid #e5e5e5;
					color: #333;
					text-decoration: none;
					-webkit-transition: background .5s ease;
					-moz-transition: background .5s ease;
					transition: background .5s ease;
				}
				.archive_box > .box_inner > ul > li:first-child >a {
					border-top: 2px solid #e5e5e5;
				}
				.archive_box > .box_inner > ul > li.active > a ,
				.archive_box > .box_inner > ul > li > a:hover {
					background: #f5f5f5;
				}
				
				/*研究業績カテゴリー用*/
				.archive_box > .box_inner > ul > li > ul{
					padding:5px 10px;
					letter-spacing:-0.4em;
				}
				
				.archive_box > .box_inner > ul > li > ul > li{
					letter-spacing:0;
					display:inline-block;
					margin-right:30px;
				}
				
				.archive_box > .box_inner > ul > li > ul > li:nth-child(2n){
					margin-right:0;
				}
				
				.archive_box > .box_inner > ul > li > ul > li:before{
					content:"・";
					color:#aaa;
				}

		/* ---- side_nav_box ---- */
		.side_nav_box {
			margin-bottom: 35px;
		}
			.side_nav_box .box_inner {}
				.side_nav_box .box_inner ul {}
					.side_nav_box .box_inner ul li {}
					.side_nav_box .box_inner ul li.active {}
						.side_nav_box .box_inner ul li a {
							background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/side_nav_icn.png) 15px 10px no-repeat;
							display: block;
							padding: 10px 15px 10px 40px;
							border-bottom: 2px solid #e5e5e5;
							color: #333;
							text-decoration: none;
							-webkit-transition: background .5s ease;
							-moz-transition: background .5s ease;
							transition: background .5s ease;
						}
						.side_nav_box .box_inner ul li:first-child a {
							border-top: 2px solid #e5e5e5;
						}
						.side_nav_box .box_inner ul li.active a ,
						.side_nav_box .box_inner ul li a:hover {
							background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/side_nav_icn.png) 15px 10px no-repeat #f5f5f5;
						}
		/* ---- side_bn_box ---- */
		.side_bn_box {
			width: 200px;
			padding: 0 5px;
		}
			.side_bn_box .box_inner {}
				.side_bn_box .box_inner ul {}
					.side_bn_box .box_inner li {
						margin-bottom: 15px;
					}
					.side_bn_box .box_inner li:last-child {
						margin-bottom: 0;
					}
					.side_bn_box .box_inner li a {
						display: block;
						-webkit-transition: all .5s ease;
						-moz-transition: all .5s ease;
						transition: all .5s ease;
					}
					.side_bn_box .box_inner li a:hover {
						opacity: 0.7;
					}

	/* ######### footer ########### */
	#footer {
		height: 200px;
		overflow: hidden;
		font-size: 14px;
		color: #333;
		clear: both;
		background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/footer_bg.jpg) top center repeat-x;
	}
		#footer_inner {
			width: 970px;
			overflow: hidden;
			margin: 0 auto;
			padding: 30px 0 20px;
		}
			#footer_inner #f_site_ttl {
				width: 200px;
				overflow: hidden;
				float: left;
				margin-right: 45px;
				padding-left: 10px;
			}
			#footer_inner #f_address {
				width: 250px;
				overflow: hidden;
				float: left;
				line-height: 1.6em;
				padding-top: 8px;
			}
				#footer_inner #f_address p {
					margin: 0;
					text-indent: 0;
				}
			#footer_inner #f_bnr {
				width: 360px;
				overflow: hidden;
				float: right;
				padding-top: 13px;
			}
				#footer_inner #f_bnr ul {
					font-size: 0;
				}
				#footer_inner #f_bnr ul li {
					display: inline-block;
					margin-right: 15px;
				}
				#footer_inner #f_bnr ul li:last-child {
					margin-right: 0;
				}
				#footer_inner #f_bnr ul li a {
					display: block;
					-webkit-transition: all .5s ease;
					-moz-transition: all .5s ease;
					transition: all .5s ease;
				}
				#footer_inner #f_bnr ul li a:hover {
					opacity: 0.7;
				}
		#footer_bottom {
			clear: both;
			width: 950px;
			overflow: hidden;
			margin: 0 auto;
			padding: 30px 10px 0;
			border-top: 1px solid #c9cdce;
		}
			#footer_bottom ul {
				float: left;
			}
				#footer_bottom ul li {
					display: inline-block;
					background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/icn_arr_01.png) 0 4px no-repeat;
					padding-left: 12px;
					margin-right: 30px;
				}
				#footer_bottom ul li:last-child {
					margin-right: 0;
				}
					#footer_bottom ul li a {
						color: #333;
						font-size: 0.9em;
					}
			#copyright {
				float: right;
				font-size: 0.85em;
			}

/*スムーススクロールページトップ*/
#page_top {
	width: 70px;
	height: 70px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

	#page_top a {
		display: block;
		width: 70px;
		height: 70px;
		text-align: center;
		line-height: 70px;
		text-decoration: none;
		box-shadow: 0px 0px 3px 0px #ffffff;
		-moz-box-shadow: 0px 0px 3px 0px #ffffff;
		-webkit-box-shadow: 0px 0px 3px 0px #ffffff;
	}



/*PC表示ここまで*/

@media screen and (max-width : 767px){
/*タブレット表示ここから*/
	/* 979px以下用（タブレット用）の記述 */
	/*↓ipad対策*/
	body{
		width:auto;
		overflow-x: auto;
		min-width: 900px;
	}


/*タブレット表示ここまで*/
}

@media screen and (max-width: 479px) {
/*スマホ表示ここから*/
body{
	overflow-x: auto;
	min-width: inherit;
	width: 100%;
}
	/*#########header###########*/
	
	#header {
		padding: 5px;
		margin: 0 0 5px 0;
	}

		#header_inner {
			width: 100%;
			overflow: hidden;
			margin: 0 auto;
			font-size: 14px;
		}
			#header_r {
				width: 100px;
				height:auto;
				float: none;
				margin-bottom: 10px;
			}
				.lang_changer {}
					.lang_changer a {
						margin: 0;
						width: 70px;
						height: 15px;
						padding: 5px;
						line-height: 15px;
					}
					.lang_changer a.hvr-shutter-out-vertical:before {
					}
			#header_l {
				width: 80%;
				height: auto;
				float: none;
			}
				#ku_logo {
					width: 18%;
					height: auto;
					margin-right: 5%;
				}
				#site_ttl {
					width: 75%;
					height: auto;
				}
					#site_ttl h1 {
						margin: 0;
					}
						#site_ttl h1 span {
							display: block;
							vertical-align: bottom;
						}
						#site_ttl h1 span.ttl_main {
							width: 75%;
							margin-right: 0;
							margin-bottom: 5px;
						}

	/* ######### main_box ########### */
	#main_box {
		clear: both;
		margin: 0;
		overflow: hidden;
		padding: 10px;
	}
	
		#main_box_inner {
			width: 100%;
			min-height: 300px;
			margin: 0 auto;
			padding: 0;
		}
			#column_main {}
			
	/* ######### sidebar ########### */
	#sidebar {
		width: 100%;
		margin: 0;
		padding: 10px 0 0;
		overflow: hidden;
		float: none;
		border-top: 5px solid #19a0b4;
	}
		/* ---- archive_box ---- */
		/*研究業績カテゴリー用*/
		.archive_box > .box_inner > ul > li > ul > li{
			margin-right:10px;
		}
		
		.archive_box > .box_inner > ul > li > ul > li:nth-child(2n){
			margin-right:10px;
		}

		/* ---- side_nav_box ---- */
		.side_nav_box {
			margin-bottom: 1em;
		}
			.side_nav_box .box_inner {}
				.side_nav_box .box_inner ul {}
					.side_nav_box .box_inner ul li {}
					.side_nav_box .box_inner ul li.active {}
						.side_nav_box .box_inner ul li a {
							background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/side_nav_icn.png) 15px 10px no-repeat;
							display: block;
							padding: 10px 15px 10px 40px;
							border-bottom: 2px solid #e5e5e5;
							color: #333;
							text-decoration: none;
						}
						.side_nav_box .box_inner ul li:first-child a {
							border-top: 2px solid #e5e5e5;
						}
						.side_nav_box .box_inner ul li.active a ,
						.side_nav_box .box_inner ul li a:hover {
							background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/side_nav_icn.png) 15px 10px no-repeat #f5f5f5;
						}
		/* ---- side_bn_box ---- */
		.side_bn_box {
			width: 100%;
			padding: 0;
			margin-bottom: 1.55em;
		}
			.side_bn_box .box_inner {}
				.side_bn_box .box_inner ul {
					font-size: 0;
				}
					.side_bn_box .box_inner li {
						margin-bottom: 0;
						width: 48%;
						padding: 1%;
						display: inline-block;
					}
					.side_bn_box .box_inner li:last-child {}

	/* ######### footer ########### */
	#footer {
		height: inherit;
		overflow: hidden;
		padding: 15px 5px 0;
		font-size: 14px;
		color: #333;
		clear: both;
		background: url(/web/20240616124400im_/https://seimeibunseki.org/shared/footer_bg.jpg) top center repeat-x;
		background-size: cover;
	}
		#footer_inner {
			width: 100%;
			overflow: hidden;
			margin: 0 auto 1em;
			padding: 0;
		}
			#footer_inner #f_site_ttl {
				width: 40%;
				overflow: hidden;
				float: left;
				margin-right: 0;
				padding-left: 0;
			}
			#footer_inner #f_address {
				width: 56%;
				font-size: 0.85em;
				padding: 0 0 0 2%;
			}
			#footer_inner #f_bnr {
				width: 100%;
				overflow: hidden;
				float: right;
				padding-top: 13px;
			}
				#footer_inner #f_bnr ul {
					font-size: 0;
				}
				#footer_inner #f_bnr ul li {
					width: 48%;
					display: inline-block;
					padding: 1%;
					margin: 0;
				}
				#footer_inner #f_bnr ul li:last-child {
					margin-right: 0;
				}
		#footer_bottom {
			width: 100%;
			margin: 0;
			padding: 5px;
		}
			#copyright {
				float: none;
				font-size: 0.8em;
				text-align: center;
			}

/*スマホ用ドロワーメニュー*/
/*ボタン*/
#mobile_nav_button {
	text-align: center;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}

/*メニュー開時は非表示*/
.sb-active #mobile_nav_button {
	display: none !important;
}

	#mobile_nav_button .mnb_inner {
		width: 50px;
		height: 45px;
		padding-top: 5px;
		display: block;
		color: #fff;
		text-decoration: none;
		background: rgba(0,0,0,0.7);
		position:relative;
	}
	
	#mobile_nav_button .mnb_inner .mnb_icon {
		display: block;
		font-size: 1.6em;
		line-height:1em;
		text-shadow:1px 1px 0 rgba(0,0,0,0.3);
	}
	
	#mobile_nav_button .mnb_inner .mnb_txt {
		display: block;
		font-size: 0.8em;
		line-height:1em;
		padding: 0 0 5px;
		position:relative;
		z-index:0;
	}
	
		#mobile_nav_button .mnb_inner .mnb_txt_inner{
			display:block;
		}

	
/*メニュー*/
#mobile_nav{}

	#mobile_nav_inner {
		background: #fafeff;
		padding-top: 5px;
	}
	
	/*メニューを閉じる*/
	.close_menu{
		text-align:center;
		margin-bottom:10px;
	}
	
		.close_menu_btn{
			display:inline-block;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			background:#ddd;
			color:#000;
			padding:0 10px;
		}
	
	#mobile_nav_inner > ul{}
	
	ul.spg_nav {
		clear: both;
		border-top: 1px solid #eee;
	}
	
	ul.spg_nav > li {
		border-bottom: 1px solid #eee;
		padding-left: 10px;
	}
	ul.spg_nav > li > .ttl {
		color: #222;
		display: block;
		padding: 8px;
		font-weight: bold;
	}
	ul.spg_nav > li > a {
		color: #222;
		display: block;
		padding: 8px 8px 8px 25px;
		text-decoration: none;
		font-weight: bold;
	}
	ul.spg_nav > li.home > a:before {
		font-family: 'Glyphicons Halflings';
		content: "\e021";
	}
	
	ul.spg_nav > li > a:before ,
	ul.spg_nav > li > .ttl:before {
		content:"●";
		margin-right: 8px;
		color: #7dcbd2;
		margin-left: -22px;
	}
	
		ul.spg_nav > li > ul {
			margin: 0 10px 10px 20px;
		}
		ul.spg_nav > li > ul > li::before {
			font-size: 2px;
			content: "●";
			color:  #999;
			margin-right: 5px;
		}
		
	/*slidebars.cssの調整*/
	#sb-site {
		box-shadow: 5px 0 10px -1px rgba(0,0,0,0.2);
	}
	
	.sb-slidebar {
		background: #fafeff;
	}

/*スムーススクロールページトップ*/
#page_top {
	width: 50px;
	height: 50px;
}

	#page_top a {
		display: block;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}


/*スマホ表示ここまで*/
}




@media print{
a[href]:after {
	content: "" !important;
}

abbr[title]:after {
	content: "" !important;
}

/*印刷時に意図せず表示される、されない対策*/
#mobile_nav_button.sb-toggle-right.visible-xs-block.hidden-sm.hidden-md.hidden-lg ,
#mobile_nav.sb-slidebar.sb-right.visible-xs-block.hidden-sm.hidden-md.hidden-lg 
{
	display: none !important;
}
#ku_logo.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
#h_nav.hidden-xs.visible-sm-block.visible-md-block.visible-lg-block ,
{
	display: inherit !important;
}
}



/*##########     汎用    ##########*/
strong {font-weight: bold;}

.bg_png{}/*背景透過PNG用*/

/*文字色*/
.fc_red{color:#c40026;}
.fc_blue{color:#0000ff;}
.fc_gray{color:gray;}
.fc_orange{color:orange;}

/*フォントスタイル*/
.fw_bold{font-weight:bold;}
/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:left;}
.fl_clear{clear:both;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.wpe15{width:15%;}
.wpe20{width:20%;}
.wpe25{width:25%;}
.wpe30{width:30%;}
.wpe33{width:33%;}
.wpe40{width:40%;}
.wpe50{width:50%;}
.wpe60{width:60%;}
.wpe70{width:70%;}
.wpe80{width:80%;}
.wpe90{width:90%;}
.wpe100{width:100%;}

/*幅指定（Em）適宜追加*/
.wem01{width:1em;}
.wem02{width:2em;}
.wem03{width:3em;}
.wem04{width:4em;}
.wem05{width:5em;}
.wem06{width:6em;}
.wem07{width:7em;}
.wem08{width:8em;}
.wem09{width:9em;}
.wem10{width:10em;}

/*フォントサイズ（Em）適宜追加*/
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}

.clear{
	clear:both;
}
/*
     FILE ARCHIVED ON 12:44:00 Jun 16, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:44:59 May 01, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.734
  load_resource: 155.996
  PetaboxLoader3.resolve: 69.398
  PetaboxLoader3.datanode: 34.238 (2)
  loaddict: 26.448
*/